<template>
    <Panel title="轮播图" :class="$style.panel">
        <section :class="$style.content">
            <Slider :items="items" :cname="$style.slider"/>
        </section>
    </Panel>
</template>
<script>
import Panel from "../core/panel.vue"
import Slider from "../core/slider.vue"
import { itemsSliderJson } from "./store"

export default {
    components: {
        Slider,
        Panel,
    },
    data() {
        return {
            items: itemsSliderJson,
        }
    },
}
</script>
<style lang="scss" module >
@import '../../css/element.scss';
.panel{
  @include panel;
  >h4{
    display: none;
  }
  .content{
    .slider{
      margin-top: 120px;
      img{
        width: 100%;
      }
    }
  }
}

</style>
